@import '../../style/mixin.scss';

.footer {
    @include flex();
    height          : 160px;
    background-color: $blue;

    .main {
        @include flex(space-between);
    }

    .footer-logo {
        height: 60px
    }

    ul {
        @include flex();
        margin: 0;

        li {
            margin: 0 20px;
            color : #fff;
        }
    }
}

@media screen and (max-width:900px) {
    .footer {
        padding: 24px 0;
        height : auto;

        .main {
            flex-direction: column;
        }

        .footer-logo {
            height       : 40px;
            margin-bottom: 12px;
        }

        ul {
            width          : 100%;
            justify-content: space-around;

            li {
                margin: 0;
            }
        }

    }
}